<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>选择器</title>
	<style type="text/css">
		*{
			font-family: "微软雅黑"
		}
		a{
			text-decoration: none;
		}
		#banner{
			font-size: 80px;
			color: red;
			font-family: "宋体"
		}
		p.box{
			font-size: 30px;
			color: blue;
		}
		p,span{
			background: #A349A4 url() 0 0 no-repeat;
		}

		html body p#banner span{
			color: #FFAEC9;
		}
		p#banner span:hover{
			font-size: 100px;
			color: #22B14C;
		}


	</style>
</head>
<body>
	<p id="banner">这个是一个P <span>标签1</span></p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p class="box">这个是一个加了类的标签</p>
	<p>这个是一个加了类的标签</p>
	<span class="box">这个是一个加了类的标签</span>
	<a href="">百度</a>

</body>
</html>